<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>媒体查询练习场</title>
	<style type="text/css">
		body {
			text-align: center;
		}	
		.one{
			font-weight: 100;
    		font-size: 72px;
		}
		.two{	
		    font-weight: 100;	
			font-size: 50px;
		}

		@media (max-width: 768px) { 
		
		}

	</style>
	
</head>
<body>
	<h1 class="one">媒体查询练习场--现场任务</h1>
	<h2 class="two">手机端请把我变红</h2> 

</body>
</html>